Skip to main content
Design system

Ask users for Address

WCAG 2.2  

New WCAG 2.2 criteria affects this pattern​

To ask users for ‘Addresses’ and meet the new Web Content Accessibility Guidelines (WCAG) 2.2 criteria, make sure that users can successfully:

Reusing entered addresses​

WCAG 2.2

Make sure users can easily reuse a previously entered address within a single journey, unless doing so would be a major safety or security concern. This is to comply with WCAG 2.2 success criterion 3.3.7 Redundant Entry.

You can make it easier to reuse addresses through one of these methods:

  • pre-populate address fields with the previously entered address
  • show any previously entered addresses as an option for the user to select

When to use this pattern​

Help users provide an address using multiple text inputs.

Using multiple text inputs has the following advantages:

  • you can easily extract and use specific parts of an address
  • you can give help for individual text inputs
  • you can validate each part of the address separately
  • users can complete the form using their browser’s autocomplete function

Make sure that you:

  • only make individual text inputs mandatory if you really need the information
  • make the text inputs the appropriate length for the content – it helps people understand the form, for example, make postcode text inputs shorter than street text inputs

How it works​

Make it as easy as possible for a user to enter their address.

Open this example in a new tab

Labelling address fields​

Use:

  • ‘Τόπος Κατοικίας’
  • ‘Οδός’
  • ‘Αριθμός’
  • ‘ΤΚ’
We'd love your feedback
Was this helpful?